<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="container">
			<ul id="fruits">
				<!-- javaScript:void(0)
				 阻止a标签默认行为
				 -->
				<li>苹果<a href="javaScript:void(0)">x</a></li>
				<li>香蕉<a href="javaScript:void(0)">x</a></li>
				<li>火龙果<a href="javaScript:void(0)">x</a></li>
				<li>西瓜<a href="javaScript:void(0)">x</a></li>
			</ul>
			<input type="text" name="fruit"/>
			<input id="ok" "button" value="确定" />
		</div>
		<script src="./js/hello.js">
			// //该标签文本 textContent/innerHTML
			// //标签属性 image.src/image.title/image.style
			// //
			// const ul = document.querySelector("#fruits")
			// var anchors = document.querySelectorAll('#fruits>li>a')
			// // for (let i = 0; i < auchors.length; i++) {
			// // 	auchors[i].addEventListener('click',(ent)=> {
			// // 		ent.preventDefault() 
			// // 	ul.removeChild(delAnchor.parentNode)
			// // 	})
			// // }
			// anchors.forEach(delAnchor => {
			// 	delAnchor.addEventListener('click',()=> {
			// 	ul.removeChild(delAnchor.parentNode)
			// 	})
			// })
		</script>
	</body>
</html>